<!DOCTYPE html>
<html lang="vi" xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% block title %}
        {% if not post %}
            <title>Link Tài Chính</title>
        {% else %}
            <title>Link Tài Chính - {{ post.title }}</title>
        {% endif %}
    {% endblock %}
    <link rel="shortcut icon" href="/linktaichinh/static/images/icon.jpg"/>

    <link href="/linktaichinh/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/linktaichinh/static/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/linktaichinh/static/font-awaresome/css/font-awesome.css">
    <link href="/linktaichinh/static/css/base.css" rel="stylesheet"/>
    <link type="text/css" href="/linktaichinh/static/css/jquery-ui-1.9.1.custom.css" rel="stylesheet"/>
    <link type="text/css" href="/linktaichinh/static/css/style.css?{{ VERSION }}" rel="stylesheet" /> <!-- Phần css các khung tổng thể -->
    <link type="text/css" href="/linktaichinh/static/css/buttons.css" rel="stylesheet" /> <!-- Phần css các icon nhỏ, buttons ... -->
    <link type="text/css" href="/linktaichinh/static/css/menu.css" rel="stylesheet" /> <!-- Phần css của menu -->
    <link type="text/css" href="/linktaichinh/static/css/control.css?{{ VERSION }}" rel="stylesheet" /> <!-- Phần css của cột điều khiển lịch, filter ... -->


    {% block css %}
        <!-- For extra css -->
    {% endblock %}

    {#    {% compress js %}#}
    <script type="text/javascript"
            src="/linktaichinh/static/js/jquery-1.8.2.js"></script>
    <script type="text/javascript"
            src="/linktaichinh/static/js/jquery-ui-1.9.1.custom.js?1.0"></script>
{#    <script type="text/javascript"#}
{#            src="/linktaichinh/static/bootstrap/js/bootstrap.min.js"></script>#}
    <script type="text/javascript"
            src="/linktaichinh/static/js/timepicker.js"></script>
    <script type="text/javascript"
            src="/linktaichinh/static/js/marquee.js"></script>
    <script type="text/javascript"
            src="/linktaichinh/static/js/base.js?{{ VERSION }}"></script>
    <script type="text/javascript"
            src="/linktaichinh/static/js/wrapper.js?{{ VERSION }}"></script>
    <script>
    $(document).ready(function () {
        $('marquee').marquee();
        var pathname = window.location.pathname;
        var array_name = pathname.split('/');
        var n = array_name.length;
        if (array_name[n-2] == 'category'){
            var categories = array_name[n-1].split('_');
            for (var i = 0; i < categories.length; i++)
                if (categories[i] != ''){
                    $("input:checkbox[value=" + categories[i]+ "]").attr("checked", true);
                }
        };

        $("#datepicker").change(function(){
            var date = $(this).val();
            var url = "{% url index %}" + date;
            window.location=url;
        });


        function callAjax(){
            var data = {id : 'test'};
            var arg = { type:"POST",
                url:"{%url ajax%}",
                data:data,
                datatype:"json",
                success: function(json){
                    var result = '';
                    $.each(json.posts,
                            function() {
                                result += '<li><a href="{% url index %}single_article/' + this.id + '">' + this.title + '</a></li>';
                            });
                    if (result != ''){
                        $("#side-bar-content").show();
                        $('#side-bar-content').append(result);
                    }

                    $("#headline").text(json.headlines);
                },
                error:function () {
                    $("#notify").showNotification("Có lỗi xảy ra...", 2000)
                }
            };
            $.ajax(arg);
            return false;
        };

        setInterval(callAjax, 90000);

        $("input[type=checkbox]").each(function(){
            $(this).click(function(){
                if ($(this).is(':checked')){
                    var child_set = $(this).attr("name");
                    var categories = child_set.split('_');
                    for (var i = 0; i < categories.length; i++)
                        if (categories[i] != ''){
                            $("input:checkbox[value=" + categories[i]+ "]").attr("checked", true);
                        }
                }
            });
        });
        $("#query_category").click(function(){
            var val_set = '';
            $("input[type=checkbox]").each(function(){
                if ($(this).is(':checked')){
                    val_set += $(this).val()+'_';
                }
            });
            window.location = "{% url index %}category/" + val_set;
        });
    });
    </script>
    {% block js %}
        <!-- For extra js -->
    {% endblock %}
</head>

<body onload = "index_wrapper()">
{#<body>#}
<div id = 'wrapper'>
    <div id="side-bar">
        <div id="side-bar-content" style="display: none;">
        Bài mới được đăng khi bạn đang đọc
        </div>
    </div>
    <!-- Phần header đồng thời cũng là menu -->
    <div id = 'header'>
        <div class="dock" id = 'link'>
            <li>
                <a href="{% url index %}" title="Bấm vào đây để quay trở về trang chủ">
                    <img src="/linktaichinh/static/images/icon1.png" alt="Mail" />
                    <em><span>Trang chủ</span></em>
                </a>
            </li>
        </div>

        <div id = 'menu'>
            <div class='dock'>
                <ul>
                    {% for cat in menu %}
                    <li><a href='{% url view_posts_in_category cat.get_url_id%}'>
                        {% if cat.icon_url %}
                            <img src='/linktaichinh/static/images/{{ cat.icon_url}}'/>
                        {% else %}
                            <img src='/linktaichinh/static/images/icon1.png'/>
                        {% endif %}
                        <em><span>{{ cat.name }}</span></em>
                    </a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>

        <div class="dock" id = 'support'>
            <li>
                <a href="#">
                    <img src="/linktaichinh/static/images/icon1.png" alt="Mail" />
                    <em><span>Support</span></em>
                </a>
            </li>
        </div>
    </div>
    <!-- Khung thể hiện nội dung , tin tức, tiêu đề, Chọn ngày tháng .... -->
    <div id = 'content'>
        <!-- Phần chọn ngày tháng, chức năng filter -->
        <div id = 'control'>
            <div id="control-wrapper">
                <div class="control-item">
                    {% if date %}
                        <input id="datepicker" readonly="readonly" type="text" title="Chọn ngày" value=" {{ date|date:"d-m-Y" }}"/>
                    {% else %}
                        <input id="datepicker" readonly="readonly" type="text" title="Chọn ngày" value=" {% now "d-m-Y" %}"/>
                    {% endif %}
                    {% if user.is_authenticated %}
                        <a id="logout" href="{% url django.contrib.auth.views.logout %}"
                           title="Thoát ra, kết thúc phiên làm việc. BẠN PHẢI ĐĂNG XUẤT NẾU ĐĂNG NHẬP TRÊN CÁC MÁY TÍNH DÙNG CHUNG ĐỂ TRÁNH NGƯỜI KHÁC THAY ĐỔI DỮ LIỆU.">
                            <i class="icon-signout"></i>
                        </a>
                    {% else %}
                        <a id="login" href="{% url index %}admin"
                           title="Đăng nhập vào hệ thống.">
                            <i class="icon-signin"></i>
                        </a>
                    {% endif %}
                </div>

                <div class="control-item">
                    <button class="btn-primary">Lọc bài viết</button>
                </div>
                <div id="filter-box" class="filter-box">
                    {% for cat in categories %}
                        <div><input type="checkbox" value="{{ cat.id }}" name="{{ cat.get_url_id }}"/>{{ cat }}</div>
                    {% endfor %}
                    <div><input type="checkbox" value="0" />Không phân nhóm</div>
                </div>
                <button id="query_category" class="btn-info">OK</button>
            </div>
        </div>
        <div id = 'news'>
{#        cai news nay la cai hien thi post chinh#}
            {% block content %}
            {% endblock %}
        </div>
    </div>
</div>

<div id = 'footer'>
    <marquee behavior="scroll"  scrollamount="2" direction="left">
        <div id="headline">
            {{ headlines }}
        </div>
    </marquee>
</div>
</body>

<div class="notify-widget-pane">
    <div class="notify" id="notify" style="display: none; z-index: 5000;">
        Đang gửi dữ liệu...
    </div>
</div>
</body>
</html>
